<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>在漯河APP下载</title>
    <link rel="stylesheet" href="{{url('css/jquery.fullPage.css')}}">
    <link rel="stylesheet" href="{{url('css/main.css')}}">
    <link rel="stylesheet" href="{{url('css/reset.css')}}">
    <style>
        body{
            position: relative;
        }
        .section {
            text-align: center;
            font: 50px "Microsoft Yahei";
            color: #fff;
        }
        @media screen and (max-width:1080px){

        }

        #qrcode{


            width:120px;
            height:120px;
            position: absolute;
            left: 50%;
            z-index: 4;
            margin-left: -60px;
            bottom: 120px;

            /*position: absolute;*/
            /*left: 50%;*/
            /*margin-left: 120px;*/
            /*bottom: 60px;;*/
            /*width:120px;*/
            /*height:120px;*/
        }
    </style>

</head>

<body>

<!--主要内容区域-->
<div id="dowebok">
    <div class="section page1">
        <div class="wrapper">


        </div>
    </div>
    <div class="section page2">
        <div class="wrapper">

        </div>
    </div>
    <div class="section page3">
        <div class="wrapper">

        </div>
    </div>
    <div class="section page4">
        <div class="wrapper">

        </div>
    </div>
    <div class="section page5">
        <div class="wrapper">
            <img id="qrcode" src="{{url('qrcode/inluohe.png')}}">
            <div class="btn-box">
                <div style="float: left;width: 25%;height: 52px;">
                    <a href="#" onclick="alert('软件审核即将上线')">
                        <img src="{{url('img/btn_1.png')}}">
                    </a>
                </div>

                <div style="float: right;width: 25%;height: 52px;">
                    <a href="http://www.lhsmao.com/uploads/6c043f3e45b568dcee796690f53d2d7c.apk">
                        <img src="{{url('img/btn_2.png')}}">
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="down-arrow" id="next-arrow"></div>


<style type="text/css">

    .btn-box{
        position: relative;
        display: block;
        bottom: -80%;
        width: 100%;
        margin:  0 auto;
    }

    .btn-box div img{
        width: 300px;
        height: 52px;
    }
</style>

</body>

<script src="{{url('js/jquery-1.8.3.min.js')}}"></script>
<script src="{{url('js/jquery.fullPage.min.js')}}"></script>
<script>
    $(function () {
        $('#dowebok').fullpage({
            sectionsColor: ['#dff9f5', '#ffece4', '#d4eaff', '#e7e7ff', '#ffdee8'],
            'navigation': true, //右侧导航点
            'loopBottom':true,
            onLeave:function (index, nextIndex, direction) {

            },
            afterLoad:function (anchorLink, index) {
                $('.step_text').removeClass('text01').removeClass('text02').removeClass('text03').removeClass('text04').removeClass('text05').addClass('text0'+index );
            }
        });
        $("#next-arrow").click(function(){
            $.fn.fullpage.moveSectionDown();//向下滚动
        });

    });
</script>
</html>